<%@ page language="java" contentType="text/html; charset=UTF-8"   pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>移动BI分析平台</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet" href="css/public.css">
		<link rel="stylesheet" href="css/index.css">
		
		<style type="text/css">
	        .waterMark {
	        height:100%;
	        background-repeat: repeat;
	        float:left;
	        position: fixed;
	        opacity: 0.1;
	        z-index:0;
              }
            
            .waterMark_notlist {
            	position: absolute !important;
            }
            </style>
	</head>

	<body onload="waterMark();requerst();">
		<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable">
			<!--侧滑菜单部分-->
				<%@include file ="header.jsp"%>
			<!--主界面部分-->
			<div class="mui-inner-wrap">
				<header class="mui-bar mui-bar-nav" >
					<a href="#offCanvasSide" class="mui-icon mui-action-menu mui-icon-bars mui-pull-left"></a>
					<h1 class="mui-title">零售个人客户结构分析</h1>
				</header>
				<footer class="mui-bar mui-bar-footer">
					<h1 class="mui-title">©招商永隆银行有限公司 2019-2021 .版权所有！</h1>
				</footer>
				<div id="offCanvasContentScroll" class="mui-content mui-scroll-wrapper">
					<div class="mui-scroll">
						<div class="waterMark col-a-12 col-b-12 col-12"></div>
						<div class="row">
							<div class="col-a-12 col-b-12 col-12" id="myorder1"></div>
							</div>
							<!-- <div class="col-a-12 col-b-6 col-6" id="myorder2"></div> -->
							<div class="col-a-12 col-b-12 col-12" id="myorder3" style="height:400px;">
							</div>
							
							<div class="col-a-12 col-b-12 col-12" id="myorder4"></div>
							
							<div class="col-a-12 col-b-6 col-6" id="myorder5"></div>
							
							<div class="col-a-12 col-b-6 col-6" id="myorder6"></div>
							<div class="col-a-12 col-b-6 col-6" id="myorder7"></div>
						</div>
						<div style="width:100%;height:60px;"></div>
					</div>
					<!-- off-canvas backdrop -->
				<div class="mui-off-canvas-backdrop"></div>
				</div>
				
			</div>
		</div>
		<script src="js/echarts.min.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="js/macarons.js"></script>
		<script src="js/echartsredata.js"></script>
		<script>
			mui.init();
			if (!mui.os.android) {
				var spans = document.querySelectorAll('.android-only');
				for (var i = 0, len = spans.length; i < len; i++) {
					spans[i].style.display = "none";
				}
			}
			 //主界面和侧滑菜单界面均支持区域滚动；
			mui('#offCanvasSideScroll').scroll();
			mui('#offCanvasContentScroll').scroll();
			 //实现ios平台原生侧滑关闭页面；
			if (mui.os.plus && mui.os.ios) {
				mui.plusReady(function() { //5+ iOS暂时无法屏蔽popGesture时传递touch事件，故该demo直接屏蔽popGesture功能
					plus.webview.currentWebview().setStyle({
						'popGesture': 'none'
					});
				});
			}
		</script>
		
		<script>
		//浏览器变化后刷新页面
		$(window).resize(function(){
			location.reload();
		});
		</script>
		<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript">
		function requerst() {
		$.ajax({
					url : "ViewAllDetail.action",
					async : false,
					//contentType: "application/x-www-form-urlencoded; charset=utf-8",
					type : 'post',
					dataType : 'json',
					timeout: 20000, //20秒超时
					data : {
					},
					error : function(textStatus) {
						console.log("Error:" + textStatus);
						/* 如果有错误返回到主界面 
						window.location.href="ViewAllDashBoard.action";*/
					},
					success : function(jsonData) {
						console.log(jsonData.xmltext);
						document.getElementById("dashboardlist").innerHTML = jsonData.xmltext;
						mui('.menuList_zhuye li').on('tap','a',function(){
							var url = $(this).data("url");
							window.location.href = this.url;
							document.location.href=this.href;
						});
					}
				});
		}
			mui('.menuList_zhuye li').on('tap','a',function(){
			document.location.href=this.href;
			});
			
			
			function waterMark(){
				if(window.sessionStorage.getItem("imgUrl")!=null&&window.sessionStorage.getItem("imgUrl")!=""){
					var imgUrl=window.sessionStorage.getItem("imgUrl");
					$(".waterMark").css("background-image", "url(" + imgUrl + ")");
				}else{
					var imgUrl="<%=session.getAttribute("waterMark")%>";
					$(".waterMark").css("background-image", "url(" + imgUrl + ")");
					window.sessionStorage.setItem("imgUrl", imgUrl);
				}
			};
	</script>
	
	<script>
		//顶部底部触控
		$(document).ready(function(){
			var i = 0;
			$("#offCanvasContentScroll").on('tap',function(){
				i++;
				setTimeout(function(){
					i=0;
				},300);
				//双击触发
				if(i>1){
					//点击区域不在报表中时
					if($(".mui-bar").is(':hidden')){
						$("#offCanvasContentScroll").css({"padding-top":"44px"});
						$("body").css({"padding-bottom":"84px !important"});
						
					}else{
						$("#offCanvasContentScroll").css({"padding-top":"0px"});
						$("body").css({"padding-bottom":"0px !important"});
					}
					$(".mui-bar").slideToggle(200);
					i = 0;
				}
				
			});
		});
		</script>
		<script type="text/javascript">
	$(document).ready(function(){
		if(location.href.indexOf("#reloaded")==-1){
			location.href=location.href+"#reloaded";
			location.reload();
		}
	});
	</script>
	</body>

</html>